
<form name="editForm" role="form" novalidate ng-submit="vm.save()">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                ng-click="vm.clear()">&times;</button>
        <h4 class="modal-title" id="myAwardLabel" data-translate="milkbeeApp.award.home.createOrEditLabel">Create or edit a Award</h4>
    </div>
    <div class="modal-body">
        <jhi-alert-error></jhi-alert-error>
        <div class="form-group" ng-show="vm.award.id">
            <label for="id" data-translate="global.field.id">ID</label>
            <input type="text" class="form-control" id="id" name="id"
                    ng-model="vm.award.id" readonly />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.award.name" for="field_name">Name</label>
            <input type="text" class="form-control" name="name" id="field_name"
                    ng-model="vm.award.name"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.award.detail" for="field_detail">Detail</label>
            <textarea type="text" class="form-control" name="detail" id="field_detail"
                    ng-model="vm.award.detail"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.award.rank" for="field_rank">Rank</label>
            <!-- <input type="number" class="form-control" name="rank" id="field_rank"
                    ng-model="vm.award.rank"
                     /> -->
            <select class="form-control" name="rank" ng-model="vm.award.rank" id="field_rank" >
                <option value="0" >{{'milkbeeApp.award.option.zero'|translate}}</option>
                <option value="1" >{{'milkbeeApp.award.option.one'|translate}}</option>
                <option value="2" >{{'milkbeeApp.award.option.two'|translate}}</option>
                <option value="3" >{{'milkbeeApp.award.option.three'|translate}}</option>
            </select>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.award.sweepstakeId" for="field_sweepstakeId">Sweepstake Id</label>
            <input type="number" class="form-control" name="sweepstakeId" id="field_sweepstakeId"
                    ng-model="vm.award.sweepstakeId"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.award.quantum" for="field_quantum">Quantum</label>
            <input type="number" class="form-control" name="quantum" id="field_quantum"
                    ng-model="vm.award.quantum"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.award.photograph" for="field_photograph">Photograph</label>
            <input type="text" class="form-control" name="photograph" id="field_photograph"
                    ng-model="vm.award.photograph"
                     />
            <input type="file" class="form-control" name="photograph_upload" accept="image/*" id="field_photograph_upload" ngf-select="vm.onPhotographSelect($files)" />
   
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()">
            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span data-translate="entity.action.cancel">Cancel</span>
        </button>
        <button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary">
            <span class="glyphicon glyphicon-save"></span>&nbsp;<span data-translate="entity.action.save">Save</span>
        </button>
    </div>
</form>
